/*
mar 2, 2019
收录css动画
*/

/*
mar 2, 2019
窗口展开的时候以小到大的形式展开
收起则反之
时间时0.8秒
*/
	.dialog-out-scale {
		animation-name: zoom-dialog-out-scale; 
		animation-duration: 0.8s;
	}

	.dialog-in-scale {
		animation-name: zoom-dialog-in-scale; 
		animation-duration: 0.8s;
	}
	/* 窗口缩放动画 */
	@keyframes zoom-dialog-out-scale {
		from {transform: scale(0.1); opacity: 0;} 
		to {transform: scale(1); opacity: 1;}
	}
	@keyframes zoom-dialog-in-scale {
		from {transform: scale(1); opacity: 1;} 
		to {transform: scale(0.1); opacity: 0;}
	}

	/*D:\gitcjw\liu\表白\work_order.html*/
	/*http://www.jq22.com/demo/jqueryzsgc201901240036/*/
	.translat-int {
		transition: -webkit-transform .3s ease-out;
		transition: transform .3s ease-out;
		transition: transform .3s ease-out,-webkit-transform .3s ease-out;
		-webkit-transform: translate(0,-50px);
		transform: translate(0,-50px);
	}
	.translat-out {
		-webkit-transform: none;
		transform: none;
	}

	/*
	mar 2,2019
	左右晃动
	使用案例
		$(".login").eq(0).removeClass("shake_effect");
			setTimeout(function(){
			$(".login").eq(0).addClass("shake_effect");
		}, 10);
	使用在登录窗上，错误提示
	*/
	.shake_effect {
		-webkit-animation-name: shake;
		animation-name: shake;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
	}
	@-webkit-keyframes shake {
		from, to {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		10%, 30%, 50%, 70%, 90% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}
		20%, 40%, 60%, 80% {
			-webkit-transform: translate3d(10px, 0, 0);
			transform: translate3d(10px, 0, 0);
		}
	}
	@keyframes shake {
		from, to {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		10%, 30%, 50%, 70%, 90% {
			-webkit-transform: translate3d(-10px, 0, 0);
			transform: translate3d(-10px, 0, 0);
		}
		20%, 40%, 60%, 80% {
			-webkit-transform: translate3d(10px, 0, 0);
			transform: translate3d(10px, 0, 0);
		}
	}


